@charset "utf-8";
/* CSS Document */

/*detail*/
.pic{ width:48%; margin:0px 26%; padding-top:48px;}
.pic_pic{ width:100%;}
.ad_name{ width:90%; padding:0px 5%; height:180px; background:#FFF; margin-top:10px; position:relative;}
.inad_name_t{ width:100%; line-height:60px; height:60px; overflow:hidden; font-size:1.3rem; font-weight:bold;}
.inad_name_m{ width:100%; line-height:30px; font-size:0.9rem; color:#999;}
.inad_name_bl{ width:26%; line-height:40px; position:absolute; border-radius:6px; text-align:center; color:#FFF;right:5%; top:118px; font-size:1.0rem; background:#fc7b08; font-weight:bold;}
.inad_name_br{ width:100%; line-height:40px; font-size:1.1rem; color:#fd9b5c;}

.ad_cpms{ width:90%; padding:0px 5%; line-height:60px; font-size:1.3rem; font-weight:bold; background:#FFF; margin-top:10px;}
.ad_cptd{ width:90%; padding:0px 5%; line-height:50px; font-size:1.1rem; font-weight:bold; background:#FFF; margin-top:6px;}
.ad_cptd_u{ width:90%; padding:0px 5%;line-height:30px; font-size:0.9rem; background:#FFF; color:#454545;}
.ad_zysx_u{ margin-bottom:60px;}

.ft_z{ width:58%; max-width:66px; margin-left:21%;}
/*detail end*/
@media only screen and (min-width: 320px) and (max-width: 390px) {
	.pic{ height:200px;}
	.pic_pic{ height:155px;}
}
@media only screen and (min-width: 391px) and (max-width: 460px) {
	.pic{ height:310px;}
	.pic_pic{ height:185px;}
}
@media only screen and (min-width: 461px) and (max-width: 530px) {
	.pic{ height:310px;}
	.pic_pic{ height:215px;}
}
@media only screen and (min-width: 531px) and (max-width: 600px) {
	.pic{ height:310px;}
	.pic_pic{ height:245px;}
}
@media only screen and (min-width: 601px) and (max-width: 640px) {
	.pic{ height:310px;}
	.pic_pic{ height:275px;}
}
@media only screen and (min-width: 641px){
	.pic{height:355px;}
	.pic_pic{ height:310px;}
}

